<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="app"></div>
</body>
<script>
    var vm=new Vue({
        el:"#app",
        data:{
            msg:"初始变量"
        },
        render:function(createElement){
            // console.log(this);
            // console.log(createElement);
            let temp=createElement("div",{
                attrs:{
                    itany:"aaa",
                    id:"adc"
                },
                domProps:{
                    aa:"ahaha"
                }
            },[
                createElement("h1",{
                    attrs:{
                        style:"color:red;"
                    },
                    domProps:{
                        bb:"bbb"
                    }
                },[
                    "h1标签内的内容-",
                    this.msg
                ]),
                createElement("p",{
                    attrs:{
                        style:"background-color:#ccc;font-size:20px;"
                    },
                    domProps:{
                        cc:"ccc"
                    }
                },[
                    "p标签内的内容-",
                    this.msg+Math.random()
                ]),
                "风之极：落日耀"
            ]);
            console.log(temp);
            return temp;
        }
    })
</script>
</html>